<template>
	<div class="player">
		<videoPlay :src="player.url"></videoPlay>
	</div>
</template>

<script setup lang="ts" name="VideoPlayer">
import { ref, onMounted, defineProps } from 'vue';
import 'vue3-video-play/dist/style.css';
import { videoPlay } from 'vue3-video-play';
const videoSrc = ref();

const player = defineProps<{
	url: '';
}>();

onMounted(() => {
	console.log('player: ', player.url);
});
</script>

<style scoped lang="scss">
.player {
	display: flex;
	align-items: center;
	justify-content: center;
}
</style>
